<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>the New York</title>
		<link rel="stylesheet" href="css/newYork.css" />
	</head>
	<body>
		<div id="container" style="position: relative;">
			<div id="tool-header">
				
			</div>
			<div id="menu-header">
				<div class="menu-item" style="margin-left: 20px;">
					<img src="img/tour.svg" />
					<span>Tour</span>
					<div class="drop-menu">
						<div class="first-menu-option">
							<span>Asia</span>
							<div class="drop-second-menu">
								<div class="second-menu-option">
									<span>China</span>
									<div class="drop-third-menu">
										<div class="third-menu-option" onclick="toYangzhouPage()">
											<span>Yangzhou</span>
										</div>
										<div class="third-menu-option">
											<span>Nanjing</span>
										</div>
										<div class="third-menu-option">
											<span>Shanghai</span>
										</div>
										<div class="third-menu-option">
											<span>Beijing</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="first-menu-option">
							<span>Africa</span>
						</div>
						<div class="first-menu-option">
							<span>Europe</span>
						</div>
						<div class="first-menu-option">
							<span>America</span>
							<div class="drop-second-menu">
								<div class="second-menu-option">
									<span>the USA</span>
									<div class="drop-third-menu">
										<div class="third-menu-option">
											<span>Miami</span>
										</div>
										<div class="third-menu-option">
											<span>New York</span>
										</div>
										<div class="third-menu-option">
											<span>San Francisco</span>
										</div>
										<div class="third-menu-option">
											<span>seattlo</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="first-menu-option">
							<span>Others</span>
						</div>
					</div>
				</div>
				<div class="menu-item">
					<img src="img/camera.svg" />
					<span>Camera</span>
				</div>
				<div class="menu-item">
					<img src="img/print2.svg" />
					<span>Print</span>
				</div>
			</div>
			<div id="content">
				<div>
					<div style="line-height: 35px; font-size: 18px; display: inline-block; width: 65%; padding: 30px 0 0 30px; box-sizing: border-box;">
						
						<div>Here we are in“the Big Apple”一New York, the biggest city in the USA.</div>
						<div style="margin-top: 12px;">
							Wall Street, the world-famous trade centre, is here at the southern end of Manhattan Island.There are many big
							companies and international banks here.
						</div>
					</div>
					<div style="display: inline-block; width: 33%; vertical-align: top; margin-top: 80px;">
						<img src="img/ny3.png" style="width: 80%; transform: rotate(10deg);" />
					</div>
				</div>
				<div style="padding: 20px 30px 0 30px;">
					<div style="line-height: 35px; font-size: 18px;">
						Further on is Times Square. Every year, thousands of people gather here on New Year's Eve. It's exciting to see the huge glass ball falling through the darkness!
					</div>
					<div style="margin-top: 12px; line-height: 35px; font-size: 18px;"">
						In the centre of the island is Central Park. With several lakes, hills and a large green lawn, it's a good place to relax after a hard day's work
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div style="display: inline-block; width: 33%; margin-top: 30px; padding-left: 30px; vertical-align: top; box-sizing: border-box;">
						<img src="img/ny2.png" style="width: 80%; transform: rotate(-10deg);" />
						<img src="img/ny1.png" style="width: 80%; transform: rotate(10deg);" />
					</div>
					<span style="display: inline-block; width: 65%;">
						<div style="line-height: 35px; font-size: 18px;">
							When you visit New York, don't miss Broadway.It has been famous for its theatres since the early twentieth century. Have you ever heard of the song “Memory”? It comes from the famous Broadway musical Cats.
						</div>
						<div style="line-height: 35px; font-size: 18px; margin-top: 12px;">
							OK, so much for New York. There's a “Back” icon at the bottom of the page. Click on it, pick another city and then start your new tour!
						</div>
					</span>
				</div>
			</div>
			<div style="position: absolute; right: 30px; bottom: 20px; height: 30px; cursor: pointer;" onclick="back()">
				<img src="img/back.svg" style="height: 30px;" />
				<span style="vertical-align: top; line-height: 30px; font-weight: 600;">Back</span>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script>
			function back() {
				location.href = "./index.html";
			}
			
			function toNewYorkPage() {
				location.href = "./newYork.html";
			}
			
			function toYangzhouPage() {
				location.href = "./yangzhou.html";
			}
		</script>
	</body>
</html>